﻿@model IEnumerable<MvcApplication1.Models.Producto>

@{
    Layout = "~/Views/Shared/_LayoutHome.cshtml";
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Home</title>
    
    
    <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/grids-min.css">
    <style>
        .slogan {
            text-align:center;
            color: whitesmoke;
    }

           .pure-button-secondary {
            background: rgb(66, 184, 221); 
            color: white;
        }

           .pure-g > div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
             border:double;
        border-color:white;
        
       
            
    }
    .l-box {
        padding: 1em;
             border:double;
        border-color:white;
    }
   
    </style>

</head>
<body style="background: url(http://1.bp.blogspot.com/-D23mi9NYIE0/T7w-b8rr7TI/AAAAAAAA5EU/rdK3O29bO5Y/s1600/fondos-abstractos-colores-windows.jpg);">
    <div>
        <center> <p style:"title"><label style="font-family:'Century Gothic'; font-size:50px;color:#00CCFF; ">Bienvenido a Ñuflito's Company</label></p> </center>
        </div>

    <div >
        <h2 class="slogan">The masters of the sopas ?</h2>
    </div>

    <br />
    <br />
    <br />
    <br />
    
 <div style="left:50% ; right:50%">
        @foreach (var marca in Model) 
        {
         <div class="pure-g"  style="left:50% ; right:50%">   
       <div class="pure-u-1-2 l-box"  style="left:50% ; right:50%">    
           <a href="~/Marca/Details/@marca.marca.Id">
               <center>  <button class="pure-button pure-button-secondary"; > @marca.nombre </button>

              <br />      
                 <img src="@marca.foto" alt="@marca.nombre" class="img-rounded" style="width:100px; height: 100px;"></center> 

                </a>
           </div>
       </div>    
        }
        @*<a class="pure-button pure-button-primary" href="~/Default1" style="margin-left: auto; margin-right: auto; display: block; width:6em">Listado</a>*@
    </div>
   
</body>
</html>
